

	.findmore{
		font-size: 32rpx;
		color: #007AFF;
		margin-top: 30rpx;
		text-align: center;
		background-color: #EFEFF4;
		line-height: 100rpx;
		margin-bottom: 30rpx; 
		font-weight: bold;
		margin-left: 30rpx;
		margin-right: 30rpx;
	}
	.skeleton{
		margin: 30rpx;
	}
	.skeleton-menu{
		
	}
	.ellipsis-2-lines {
	  display: -webkit-box;
	  -webkit-box-orient: vertical;
	  -webkit-line-clamp: 2;
	  overflow: hidden;
	  text-overflow: ellipsis;
	}
/*样式第二个导航 end*/
	.dao {
		width: 90rpx;
		height: 90rpx;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		line-height: 90rpx;
		display: table-cell;
		vertical-align: middle;
		text-align: center;
	}

	.dao2 {
		width: 90rpx;
		height: 90rpx;
		border-radius: 50%;
	}

	.dao2 .menu-img {
		width: 90rpx;
		height: 90rpx;
	}

	.dao-txt {
		font-size: 28rpx;
		margin-top: 17rpx;
		color: #000;
	}

	.dao .iconfont {
		color: #fff;
		font-weight: normal;
		font-size: 42rpx;
		margin-top: 5rpx;
	}

	.bg1 {
		background: #F95756;
	}

	.bg2 {
		background: #FEB858;
	}

	.bg3 {
		background: #FC9244;
	}

	.bg4 {
		background: #A296E0;
	}

	.bg5 {
		background: #FB8C57;
	}

	.bg6 {
		background: #7BB7FF;
	}

	.bg7 {
		background: #E6C35C;
	}

	.bg8 {
		background: #FA8C87;
	}

	.bg9 {
		background: #5791F9;
	}

	.bg10 {
		background: #21D3B5;
	}

	.bg11 {
		background: #52AEED;
	}

	.bg12 {
		background: #8294E8;
	}

	.bg13 {
		background: #F879A4;
	}

	.bg14 {
		background: #00C683;
	}

	.bg15 {
		background: #21D3B5;
	}

	.bg16 {
		background: #FC9244;
	}

	.bg17 {
		background: #A296E0;
	}

	.bg18 {
		background: #7BB7FF;
	}

	.bg19 {
		background: #FA8C87;
	}

	.bg20 {
		background: #5791F9;
	}
.margin-lr30{
	margin-left: 30rpx;
	margin-right: 30rpx;
}

.kb-icon-play{
	background: url(/static/play.svg) no-repeat center 0px ;
	background-size:cover;
	width: 80px;
	height: 80px;
}

/*底部图片*/
.image-icon-size{
	width: 25px;
	height: 25px;
	object-fit: cover;
}

/*字体大小*/
@for $i from 9 through 45 {
	.font-size#{$i}{
		font-size:  $i    +  px;
	}
}
.text-center{
	text-align: center;
}
.text-right{
	text-align: right;
}
	
.align-center{
	align-items: center;
}
/*padding*/
.font-weight{
	font-weight: bold;
}
.color-gray{
	color:#8D8B89;
}
.color-red{
	color: #E83600;
}
.color-main{
	color:$u-main-color;
}
.color-map{
	color:#7383F0;
}

.line-border{
	height: 2px;
	border-top: $u-border-color 1px solid;
	display: block;
}
 
 .bg-white{
	 background-color: #fff;
 }
 .bg-info{
 	background-color: #F4F4F5;
 }
 /*优惠券的样式*/
 .shadow{
 	 background-color: #fff;
 	 border-radius: 10px;	 
    background: #fff; 
    box-shadow: #d4d2d2 0px 0px 10px;
 	-webkit-box-shadow: #d4d2d2 0px 0px 10px;
    -moz-box-shadow: #d4d2d2 0px 0px 10px;	

	 .divider {
	   position: relative;
	   height: 20px; /* 分割线的高度 */
	   background-color: #fff; /* 分割线的颜色 */
	   overflow: hidden; /* 确保超出部分不显示 */ 
	   
	   .border{
		  border-top: 1px #d4d2d2 dashed;
		  margin-top: 9px;
	   }
	 }
	  
	 .divider::before,
	 .divider::after {
	   content: '';
	   position: absolute;
	   width: 20px;
	   height: 100%;
	   background-color: #EFEEEE;
	   border-radius: 50%; /* 半圆形状 */
	   top: 0;
	 }
	  
	 .divider::before {
	   left: -13px;
	 }
	  
	 .divider::after {
	   right: -13px;
	 }
  }
/*flex*/